<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>jandan</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="" rel="stylesheet">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="/public/css/bootstrap.min.css-v=3.3.5.css">
    <link href="/public/css/font-awesome.min.css" rel="stylesheet">
    <link href="/public/css/animate.min.css" rel="stylesheet">
    <link href="/public/css/style.min.css-v=4.0.0.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/public/css/blueimp/css/blueimp-gallery.min.css">
    <link href="/public/favicon.ico" rel="icon" type="image/x-icon">
    <style>
        .lightBoxGallery img {
            margin: 3px;
            max-width: 170px;
            width: 46%;
        }
        
        .wrapper {
            padding: 0 0;
        }
    </style>

</head>

<body>

    <body class="gray-bg">
        <div class="wrapper wrapper-content container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox float-e-margins">

                        <div class="ibox-content">
                            <div class="lightBoxGallery">

                                <%for(var i=0;i<data.length;i++){%>
                                    <a href="<%= data[i]%>" title="" data-gallery="">
                            	<img src="<%= data[i]%>">
                            </a>
                                    <%}%>

                                        <div id="blueimp-gallery" class="blueimp-gallery">
                                            <div class="slides"></div>
                                            <h3 class="title"></h3>
                                            <a class="prev">‹</a>
                                            <a class="next">›</a>
                                            <a class="close">×</a>
                                            <a class="play-pause"></a>
                                            <ol class="indicator"></ol>
                                        </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <script src="/public/js/jquery.min.js-v=2.1.4.js"></script>
        <script src="/public/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="/public/js/blueimp/jquery.blueimp-gallery.min.js"></script>
    </body>

</html>